import {NAV_MODE, THEME} from "@/enums/design_enum";

export const appThemeList: string[] = [
    '#2d8cf0',
    '#0960bd',
    '#0084f4',
    '#009688',
    '#536dfe',
    '#ff5c93',
    '#ee4f12',
    '#0096c7',
    '#9c27b0',
    '#ff9800',
    '#FF3D68',
    '#00C1D4',
    '#71EFA3',
    '#171010',
    '#78DEC7',
    '#1768AC',
    '#FB9300',
    '#FC5404',
];

export const design = {
    //深色主题
    darkTheme: false,
    //系统主题色
    themeColor: '#2d8cf0',
    //系统内置主题色列表
    themeColorList: appThemeList,
    //导航模式 vertical 左侧菜单模式 horizontal 顶部菜单模式
    navMode: NAV_MODE.VERTICAL,
    //导航风格 dark 暗色侧边栏 light 白色侧边栏 header-dark 暗色顶栏
    navTheme: THEME.DARK,
    //多标签
    multiTabsConfig: {
        //背景色
        bgColor: '#fff',
        //是否显示
        show: true,
        //固定多标签
        fixed: true,
    },
    //顶部
    headerConfig: {
        //背景色
        bgColor: '#fff',
        //固定顶部
        fixed: true,
        //显示重载按钮
        isReload: true,
    },
    //面包屑
    crumbsConfig: {
        //是否显示
        visible: true,
        //显示图标
        showIcon: false,
    },
    //是否开启路由动画
    routerAnimate: true,
    //路由动画类型
    routerAnimateMode: 'zoom-fade',
}